@use 'sass:color';
@mixin wagtail-label-overrides {
  float: none;
  width: initial;
  padding: 0;
}

.ImageBlock__field {
  @include wagtail-label-overrides;
  display: block;
  margin-bottom: $button-spacing * 2;
  color: $color-white;
  cursor: pointer;
}

@mixin wagtail-input-overrides {
  border: 0;
  font-size: inherit;
}

.ImageBlock__field__input {
  @include wagtail-input-overrides;
  font-size: 1rem;
  background-color: $color-white;
  color: $color-text-base;

  &[readonly] {
    color: $color-grey-3;
  }
}

.ImageBlock__alt {
  @include font-smoothing;
  font-size: 0.875rem;
}
